<template>
  <div class="Receivinginformation">
    <div class="Receivinginformation-body">
      <div style="display: flex;height: 50px">
        <p class="sh">收获信息</p>
        <div style="float: right">
          <el-button type="warning" plain v-if="orderList.status==0">修改</el-button>
        </div>
      </div>
      <div>
        <p>姓&nbsp;名:&nbsp {{ordFina.receiverName}}</p>
      </div>
      <div>
        <p>联系电话:{{ordFina.receiverMobile}}</p>
      </div>
      <div>
        <p>收获地址:&nbsp; {{ordFina.receiverProvince}}{{ordFina.receiverCity}}{{ordFina.receiverAddress}}
        </p>
      </div>
    </div>
    <div class="payWay">
      <div><p style="font-size: 20px">支付方式</p></div>
      <div class="payWay-div"><p>支付方式:&nbsp;{{orderList.paymentTypeDesc}}</p></div>
    </div>
    <div class="invoice">
      <div><p style="font-size: 20px">发票信息</p></div>
      <div class="invoice-div"><p>发票信息:&nbsp;电子普通发票</p></div>
      <div class="invoice-div"><p>发票内容:&nbsp;购买商品明细</p></div>
      <div class="invoice-div"><p>发票抬头:&nbsp;个人</p></div>
    </div>
    <div class="price">
      <div class="price-body">
        <div><P>商品总价：<span>{{orderList.payment}}</span> </P></div>
        <div><p>运费： <span>0元</span></p></div>
        <div><p>应付金额： <span>{{orderList.payment}}</span>
        </p></div>
        <div> <el-button type="warning" plain style="width: 150px;letter-spacing: 2px" @click="goPay(orderList.orderNo)" v-if="orderList.status==0">去结算</el-button></div>

      </div>
    </div>

  </div>
</template>

<script>
  export default {
    name: "Receivinginformation",
    props:{
      ordFina:{
        type:Object,
        default:()=>{}
      },
      orderList:Object,
      default:()=>{}
    },
    methods:{
      pay(orderNo){
        this.$emit('pay',orderNo)
      },
      goPay(orderNo) {
        console.log("触发")
        // 三种路由跳转方式
        // this.$router.push('/order/pay')
        // this.$router.push({
        //   name: 'order-pay',
        //   query: {
        //     orderNo: orderNo
        //   }
        // })
        this.$router.push({
          path: '/order/pay',
          query: {
            orderNo
          }
        })
      },

    }
  }
</script>

<style scoped>
  p {
    height: 45px;
  }

  .sh {
    font-size: 20px !important;
    color: black !important;
    flex: 1;
    line-height: 50px;

  }

  .Receivinginformation {

    padding: 10px;
  }

  .Receivinginformation-body {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
  }

  .Receivinginformation-body p {
    font-size: 16px;
    color: #757575;
  }

  .payWay {
    border-bottom: 1px solid #e0e0e0;
    min-height: 120px;
  }

  .payWay-div {

  }

  .payWay-div p {
    color: #757575;
    font-size: 16px;
  }

  .invoice {
    border-bottom: 1px solid #e0e0e0;
    min-height: 180px;
  }

  .invoice-div p {
    color: #757575;
    font-size: 16px;
  }

  .price {
    min-height: 200px;
  }

  .price-body {
    float: right;
    padding: 30px 10px;
  }
  .price-body p{
    font-size: 18px;
  }
  span{
    color: #ff6700;
    font-size: 18px;
  }
  .el-button--warning{
   background: #FF6600;
    color: #ffffff;
    border: none;
  }
</style>
